
.selectBoard{
    width:280px;
    position:absolute;
    left:240px;
    z-index:9999;
    color:#FFF;
}
.top0{top:0}
.left280{left:280px;}
.top325{
    top:-325px;
}
.top30{
    top:30px;
    left:-20px;
}
/*灾害过程位置*/
.top50{
    left:260px;
}
.transparent{
    background:transparent;
}

.selectBoard ul{
    overflow:hidden;
    background:deepskyblue;
    border:1px solid #eee;
    border-radius:10px;
    padding:10px;
    background:deepskyblue;
}
.selectBoard ul input{
    height:auto;
    position:relative;
    top:2px;
    margin-right:5px;
    width:13px;

}
.selectBoard ul input:focus{
    border:0;
    box-shadow:0 0 0 red;
}
.selectBoard ul li{
    list-style: none;
    line-height:30px;
    float:left;
    width:29%;
    margin-right:5px;
}
.selectBoard li.w100{
    width:100%;
    margin:10px 0;
}
.selectBoard ul li:hover{background:#999;}
.selectBoard li.w100:hover{background:transparent}
.clear,.sure{
    padding:5px 20px;
    border:1px solid #ddd;
    margin:0 10px;
    border-radius:5px;
    cursor:pointer;
}
.clear:hover,.sure:hover{
    background:#999;
}

.relative{position:relative;}
.displayNone{display:none;}
.textRight{text-align:right;}
.selectBoard label{
    color:#FFF;
}